<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>LOONGLOVE-关于我</title>
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <meta name="application-name" content="LoongLove学习中心">
  <meta name="author" content="xgl">
  <meta name="description" content="贵龙在线学习平台,LoongLove,LoongLove学习中心,LoongLove学习中心首页.">
  <meta name="keywords" content="LoongLove,贵龙在线学习平台,GLKJ,LoongLove学习中心,个人网站">

  <link rel="stylesheet" href="../css/default.css">
  <link rel="stylesheet" href="../css/util/base.css">

  <link rel="stylesheet" href="../plugin/iconfont/iconfont.css">
  <script src="../js/default.js" type="module"></script>
  <script src="../plugin/iconfont/iconfont.js"></script>
  <style>
    body{
      color: #f3ebeb;
    }
  </style>
</head>
<body>
<header class="header" id="index-header">
  <span class="logo-icon" id="main-icon"></span>
  <nav id="head-nav">
    <ul id="main-menu" class="menu horizontal-menu index-menu">
      <li>博客</li>
      <li>学习中心</li>
      <li class="active">学习资源</li>
      <li>个人项目</li>
      <li>项目预览</li>
      <li>关于我</li>
    </ul>
  </nav>
</header>
<div class="page">



  <div class="content">
    <button class="btn btn-primary">测试按钮</button>
    <button class="btn btn-danger">测试按钮</button>
    <button class="btn btn-info">测试按钮</button>
    <button class="btn btn-warning">测试按钮</button>
    <button class="btn btn-error">测试按钮</button>
    <button class="btn btn-success">测试按钮</button>
    <button class="btn btn-normal">测试按钮</button>
    <button class="btn btn-lg">测试按钮</button>
    <button class="btn btn-sm">测试按钮</button>
    <button class="btn btn-out btn-primary">测试按钮</button>
    <button class="btn btn-out btn-danger">测试按钮</button>
    <button class="btn btn-out btn-info">测试按钮</button>
    <button class="btn btn-out btn-warning">测试按钮</button>
    <button class="btn btn-out btn-error">测试按钮</button>
    <button class="btn btn-out btn-success">测试按钮</button>
    <button class="btn btn-out btn-normal">测试按钮</button>
    <button class="btn btn-out btn-lg">测试按钮</button>
    <button class="btn btn-out btn-sm">测试按钮</button>
  </div>


</div>


<footer class="footer">
  <aside class="footer-left">
    <header class="header-title">
      友情链接:
    </header>
    <ul class="friend friend-one">
      <li><a href="https://www.aliyun.com/minisite/goods?userCode=idyxi2jf" target="_blank">阿里云特惠</a></li>
      <li><a href="https://www.aliyun.com/activity/ambassador/share-xfyh?userCode=idyxi2jf" target="_blank">阿里云折扣专场</a></li>
      <li><a href="https://www.aliyun.com/daily-act/ecs/care?userCode=idyxi2jf" target="_blank">阿里云ESC续费专场</a></li>
      <li><a href="https://www.aliyun.com/daily-act/ecs/amd_sales?userCode=idyxi2jf" target="_blank">阿里云AMD实例专场</a></li>
    </ul>
    <ul class="friend friend-two">
      <li></li>
      <li></li>
      <li></li>
      <li></li>
    </ul>
  </aside>
  <section class="page-info">
    <header class="header-title">
      版权信息:
    </header>
    <ul class="page-description">
      <li id="copyright">版权：COPYRIGHT © 2019 XGL. ALL RIGHTS RESERVED. </li>
      <li id="record">ICP网备：<a href="" target="_blank">渝ICP备18014747号</a></li>
      <li id="pageName">网页名称：LOONGLOVE STUDY BY GLKJ</li>
      <li id="linkInfo">本地链：<a href="">LOONGLOVE</a><a href="">HELLO-ADMIN</a></li>
    </ul>

  </section>
  <aside class="footer-right">
    <header class="header-title">
      友情赞助：
    </header>
    <ul class="horizontal-menu praise">
      <li><img src="../images/praise/wechat1.png" alt="" id="wechat"></li>
      <li><img src="../images/praise/alipay1.jpg" alt="" id="alipay"></li>
    </ul>
  </aside>
</footer>
</body>
<script type="module">
  import {MESSAGE} from "../js/util/alert.js";
  MESSAGE.info({
    content:"HELLO WORLD",
  });
</script>
</html>
